@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

:root {
  --text: #fff;
  --brand: #9B111E;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 30px;
  --text-2xl: 9.6rem;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  transform-origin: top;
  font-family: Outfit;
}

body.overflow-hidden,
body.ant-scrolling-effect {
  height: 100vh !important;
  overflow: hidden !important;
}

*,
ul,
ol,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

a[title='站长统计'] {
  display: none;
}

input {
  border: none;
  outline: none;
}

img[src=''],
img:not([src]) {
  opacity: 0;
}

body {
  overflow: hidden;
  color: #fff;
  font-weight: 400;
  font-size: var(--text-md);
  user-select: none;
  background-color: #000;
}

.ant-layout {
  background-color: #000 !important;
}

.main-color {
  color: var(--brand);
}